{% load static %}

<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <title>河南省华帝建设工程有限公司</title>
  <link rel="icon" href="{% static 'img/favicon.ico' %}" type="image/x-icon">
  <style>
    .footer-beian {
      font-size: 12px;
      color: gray;
      text-decoration: none;
      padding: 5px 0;
    }

    .beian {
      margin-left: 10px;
      color: rgba(255, 255, 255, 0.5);
    }

    .beian:hover {
      color: #ffffff;
    }

    .set-banner-img {
      margin-top: 66px;
      background: url("../static/img/banner.png") no-repeat;
      background-size: 100% auto;
      width: 100%;
    }

    .set-certificate-background-img {
      background: url("../static/img/bg.png") no-repeat;
      background-size: cover;
      /* 将背景大小设置为覆盖整个容器 */
      width: 100%;
    }

    .set-certificate-img {
      background: url("../static/img/Certificate.png") no-repeat;
      background-size: 100% auto;
      width: 100%;
    }

    .contanct-us-img {
      height: 330px;
      width: 610px;
    }

    .description-font {
      font-size: 16px;
      line-height: 35px
    }

    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto
    }

    .d-flex {
      display: -ms-flexbox !important;
      display: flex !important
    }

    .zhengshu {
      width: 50%;
      margin: 0 25%;
    }

    @media (max-width: 1024px) {
      .zhengshu {
        width: 90%;
        margin: 0 5%;
      }
    }

    .align-items-center {
      -ms-flex-align: center !important;
      align-items: center !important
    }

    .flex-column {
      -ms-flex-direction: column !important;
      flex-direction: column !important
    }

    .p-1 {
      padding: 0.06rem !important
    }
  </style>
</head>

<body>
  {% include 'navbar.html' %}
  <div class="top-contont">
		<div class="txt">
			<div class="ytable h100pc auto-inner">
				<div class="ytable-cell">
					<h2 class="wow fadeInRight animated" style="visibility: visible; animation-name: fadeInRight;">联系我们
					</h2>
					<p class="wow fadeInRight animated" data-wow-delay="0.3s"
						style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInRight;">公司以“质量第一、客户至上”为服务宗旨，致力于提供优质、高效的服务。其工作态度强调团结与奉献，通过技术教育和知识考核提升员工素质，并采用先进的管理体制和完善的规章制度来提高工作效率。
					</p>
				</div>
			</div>
		</div>
		<img src="{% static 'img/banner.png' %}" class="img-block">
	</div>
  <div class="container-fluid set-certificate-background-img mb-5">
    <br>
    <div class="d-flex align-items-center flex-column bd-highlight mb-3">
      <div class="p-1 bd-highlight set-certificate-img d-flex align-items-center flex-column bd-highlight"
        style="width: 80%;">
        <div class="p-1 bd-highlight">
          <h1><strong>资格证书</strong></h1>
        </div>
        <div class="p-1 bd-highlight">
          <i class="fa fa-minus fa-2x" aria-hidden="true" style="color: #00dbbd;" id="Certificate"></i>
        </div>
        <div class="p-1 bd-highlight">
          <h3 class="text-black-50">-Certificate-</h3>
        </div>
      </div>
      <div class="p-1 bd-highlight">
        <div id="carouselExampleInterval" class="carousel slide" data-ride="carousel">
          <div class="carousel-inner">
            <div class="carousel-item active" data-interval="3000">
              <img src="../static/img/huadi/zhengshu.png" class="zhengshu" alt="sc1">
            </div>
          </div>
        </div>
      </div>
      <br>
      <br>
    </div>
  </div>
  <div class="Content contact-main">
    <section class="auto-inner clearfix">
      <div class="fl left wow fadeInLeft">
        <article class="singlePage">
          <div class="css-64">
            <div class="tit">
              河南省华帝建设工程有限公司
            </div>
            <dl>
              <dd>
                <span>电话</span>
                <div>
                  0371-55307222
                </div>
              </dd>
            </dl>
            <p>地址：河南省安阳市滑县赵营乡人民政府院内
              <br>邮箱：1987151375@.com

              <br>
            </p>
          </div>
        </article>
      </div>
      <div class="fr right wow fadeInRight">
        <img src="{% static 'img/64-1.jpg' %}" alt="64-1.jpg" class="img-block" style="width: 100%; height: auto;">
      </div>
    </section>
  </div>
  {% include 'footerbar.html' %}
  
</body>

</html>
